page-reset-password
{
  // 头部
  .reset-password-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .reset-password-section
  {

    // 内容页面
    .scroll-content
    {
      background-color: $office-page-background;

      // 表单
      form
      {
        padding: px2percent(40) px2rem(32) 0 px2rem(32);

        // 输入框
        >ion-list
        {
          margin: 0;
          padding: 0;

          ion-item
          {
            padding: 0;
            margin-bottom: px2rem(20);
            height: px2rem(88);
            border-radius: px2rem(44);

            .item-inner
            {
              padding: 0;

              // 内容展示区
              .input-wrapper
              {
                ion-label
                {
                  margin: 0 0 0 px2rem(32);

                  // 头部图标
                  >div
                  {
                    float: left;
                    // 登录用户名
                    &.old-password
                    {
                      width: px2rem(44);
                      height: px2rem(44);
                      background: url("../assets/img/common/old-password.svg") no-repeat center;
                      background-size: contain;
                    }
                    // 登录密码
                    &.new-password
                    {
                      width: px2rem(44);
                      height: px2rem(44);
                      background: url("../assets/img/common/new-password.svg") no-repeat center;
                      background-size: contain;
                    }
                  }

                  // 输入框
                  >input
                  {
                    float: left;
                    border: 0;
                    outline: none;
                    font-size: px2rem(30);
                    width: px2rem(443);
                    padding-left: px2rem(32);
                    margin-top: px2rem(3.5);
                    color : $office-light-black-three;
                  }

                  // 清除按钮
                  >span
                  {
                    float: right;
                    margin-right: px2rem(64);

                    // 显示
                    &.show-pwd
                    {
                      width: px2rem(55);
                      height: px2rem(32);
                      margin-top: px2rem(7);

                      &.visible
                      {
                        background: url("../assets/img/login/visible.png") no-repeat center;
                        background-size: contain;
                      }
                      &.unvisible
                      {
                        background: url("../assets/img/login/unvisible.png") no-repeat center;
                        background-size: contain;
                      }

                    }

                  }

                }


              }

            }
          }

        }

        // 显示其他选项
        .show-other
        {
          padding: 0 px2rem(30);
          font-size: px2rem(28);
          cursor: pointer;
          >li:nth-child(1)
          {
            float: left;
            color: $office-light-black-nine;
          }
          @include clear-after;
        }
        // 按钮
        >button
        {
          margin: px2rem(32) 0 0 0;
          height: px2rem(88);
          border-radius: px2rem(44);
          @include office-background();
          span
          {
            font-size: px2rem(36);
            color: $office-white;
          }
          // 按钮禁用
          @include office-button-disable;
        }

      }

      // 忘记密码
      .do-forget
      {
        font-weight: normal;
        margin: px2rem(40) 0 0 0;
        font-size: px2rem(28);
        text-align: center;
        color: $office-red;
      }

    }
  }
}

